+<!-- 我的申诉 -->
<template>
	<zh-app style="background-color: white;font-family: '阿里巴巴普惠体'">
		<!-- 导航栏 -->
		<zh-navbar title="我的申诉" color="#85a5ff" linear="right" :hideHome="true" style="margin-bottom: 40rpx" />
		<!-- 主体 -->
		<zh-spin :load="data.loading" tip="信息加载中，请耐心等候">
			<zh-result v-if="data.complaintList.length<=0"  :showBtn="false" title="没有数据" subTitle="您还没有办理过申诉业务"></zh-result>
			<zh-card :width="620" v-for="(item,index) in data.complaintList" :key="index">
				<template v-slot:title>
					<view style="border-left: 10rpx solid #2f54eb;">
						<zh-text  :fontSize="36" class="text-weight-b pl-10" :label="item.typeName"></zh-text>
					</view >
				</template>
				<template v-slot:status>
					<zh-text  :fontSize="26"  :label="item.createTime"></zh-text>
				</template>
				<template v-slot:content>
					<zh-form :transprent="true" v-model="data.complaintList[index]" inputAlign="left" :label-width="150" :margin="[0, 24]" :padding="[10,0]">
						<zh-form-desc  field="content" placeholder="未获取到房产地址信息"  v-model="item.content" label="申诉内容"   :transprent="true"></zh-form-desc>
						<zh-form-desc  field="result" placeholder="工作人员会及时处理,请耐心等待"  v-model="item.result" label="处理意见"   :transprent="true"></zh-form-desc>
						<zh-form-desc  field="handleTime" placeholder="未处理"  v-model="item.handleTime" label="处理时间"   :transprent="true"></zh-form-desc>
						<zh-form-item :margin="[0,0]"  label="申诉状态" field="handleStatus" >
							<view style="width:100%">
								<zh-tag  :shadow="0" :color="item.handleStatus==='2'?'red':(item.handleStatus==='1'?'green':'orange')" text size="n" :label="item.handleStatusName">
								</zh-tag>
							</view>
						</zh-form-item>
					</zh-form>
				</template>
			</zh-card>
		</zh-spin>
		
	</zh-app>
</template>
<script lang="ts" setup>
	import {ref, reactive} from "vue";
	import { onLoad } from "@dcloudio/uni-app";
	import { user } from '@/store';

	// ------------------接收传入参数(组件)-------------------
	
	// ------------------变量区------------------------------
	// 主数据
	const data = reactive({
		// 申诉数组
		complaintList:[] as any,
		loading:false,
		
	})

	// ------------------方法区------------------------------
	// 初始化
	const init = () => {
		// 设置申诉状态的颜色
		data.loading=true
		$api.common.send.post("eduComplaint0001", {complainantId:user?.userInfo?.personId}).then((res: any) => {
		  //保存成功后提示
		  data.complaintList = res.result.list||[]
		  data.loading=false
		}).catch(()=>{
		  data.loading=false
		})
	}
	// ------------------钩子函数----------------------------
	// 初始化
	onLoad((options: any) => {
		init();
	})
</script>
<style lang="scss" scoped>

</style>